<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

	<link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css" >
		
	<!--jquery -->
	<script type="text/javascript" src="../../js/jquery/jquery-2.0.3.min.js" ></script>
	
	<!-- BOOTSTRAP -->
	<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
	

	<!-- jquery-confirm -->
	<link href="../../css/jquery-confirm.min.css" rel="stylesheet">
	<script type="text/javascript" src="../../js/jquery-confirm.min.js" ></script>
	
	
	<!-- xcConfirm -->
	<link rel="stylesheet" type="text/css" href="../../css/xcConfirm.css"/>
	<script src="../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
	
	
	<script type="text/javascript" src="../../js/share.js"></script>
	
	<script type="text/javascript" src="detail.js"></script>
	<script type="text/javascript" src="../approval/auditopinion.js"></script>
	
</head>
<body style="background-color: white;">

	<ul id="myTab" class="nav nav-tabs">
		<li class="active">
			<a href="#apply" data-toggle="tab">
				 申请信息
			</a>
		</li>
		<li>
			<a href="#approval" data-toggle="tab">
				审批信息
			</a>
		</li>
		<li>
			<a href="#jointlysignopiniontable" data-toggle="tab" id="jointlysignopinion">
				 会签意见
			</a>
		</li>
	</ul>
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="apply">

			<!-- 申请单信息 -->
			<table class="table table-bordered"  style="vertical-align: middle !important;">
				<tr>
					<td class="tdTitle">
						项目名称：
					</td>
					<td colspan="3">
						<span id="itemname"></span>
					</td>
					<td class="tdTitle">
						申请单号：
					</td>
					<td>
						<span id="applyno"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请渠道：
					</td>
					<td class="tdContent">
						<span id="approveresult">互联网申报</span>
					</td>
					<td class="tdTitle">
						申请时间：
					</td>
					<td class="tdContent">
						<span id="applytime"></span>
					</td>
					<td class="tdTitle">
						申请状态：
					</td>
					<td class="tdContent">
						<span id="nodename"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						公司编号：
					</td>
					<td>
						<span id="companyid"></span>
					</td>
					<td class="tdTitle">
						公司名称：
					</td>
					<td colspan="3">
						<span id="company"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						申请人姓名：
					</td>
					<td>
						<span id="proposer"></span>
					</td>
					<td class="tdTitle">
						申请人联系地址：
					</td>
					<td>
						<span id="contactaddr"></span>
					</td>
					<td class="tdTitle">
						联系电话：
					</td>
					<td>
						<span id="mobilephone"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						文书：
					</td>
					<td colspan="5" id="book">
						
					</td>
				</tr>
			</table>
				
			<!-- 业务信息 -->
			<div id="ifBusiness"></div>
			
			<!-- 
			<table class="table table-bordered">
				<tr>
					<td class="tdTitle">
						被打捞物名称
					</td>
					<td colspan="5">
						<span id="shipwrecksname"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						计划开工日期
					</td>
					<td class="tdContent">
						<span id="workbegintime"></span>
					</td>
					<td class="tdTitle">
						预计完工日期
					</td>
					<td class="tdContent">
						<span id="workendtime"></span>
					</td>
					<td class="tdTitle">
						完工天数
					</td>
					<td class="tdContent">
						<span id="days"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						打捞单位
					</td>
					<td>
						<span id="workunitname"></span>
					</td>
					<td class="tdTitle">
						打捞单位联系人：
					</td>
					<td>
						<span id="workcontactperson"></span>
					</td>
					<td class="tdTitle">
						打捞单位联系电话：
					</td>
					<td>
						<span id="workcontactphone"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						地点范围
					</td>
					<td colspan="5">
						<span id="workarea"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						施工作业程序：
					</td>
					<td colspan="5">
						<span id="workstep"></span>
					</td>
				</tr>
				<tr>
					<td class="tdTitle">
						应急措施：
					</td>
					<td colspan="5">
						<span id="emergentstep"></span>
					</td>
				</tr>
			</table>
			 -->
							
			<!-- 提交材料信息 -->
			<table class="table table-bordered" style="text-align: center;" id="material">
			<thead>
				<tr style="background-color: #eee; ">
					<th style="width: 5%;text-align: center;">序号</th>
					<th style="width: 45%;text-align: center;">材料名称</th>
					<th style="width: 10%;text-align: center;">材料数量</th>
					<th style="width: 40%;text-align: center;">附件<a style="margin-left:15px" target="_blank" type="button" id="downallmaterial" class="btn btn-success" ><span class="glyphicon glyphicon-download"></span>批量下载</a></th>
				</tr>
			</thead>
			<tbody>
			</tbody>
			</table>
		
		</div>
		<div class="tab-pane fade" id="approval">
			<div id="approvalInfo"></div>
			<table class="table table-bordered" id="auditopinion">
			</table>
		</div>
		
		<div class="tab-pane fade" id="jointlysignopiniontable">
			
		</div>
	</div>
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="modalShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title">
						船舶信息
					</h4>
				</div>
				<div class="modal-body" style="height: 600px; overflow-y: scroll;">
					<form id="shipForm">
						<table class="table table-bordered">
						<tbody>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>中文船名：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipname">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									初次登记号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="initregno" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									英文船名：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipnameen" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									IMO：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="imo" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶登记号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="regno" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>船舶识别号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="shipidnumber">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船检登记号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="checkno" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									牌簿号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="cardno" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									MMSI：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="mmsi" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶呼号：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="callsign" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									建造日期：
								</td>
								<td colspan="2">
									<input type="date" class="form-control" name="builddate">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>船旗国：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="flagcode" name="flagcode"/>
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>船籍港：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="portcode" name="portcode" />
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>海船/内河船：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="markcode" name="markcode" />
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>船舶种类：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="typecode" name="typecode"  />
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶类型：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="typecode"  />
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>航区：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" id="areacode" name="areacode"/>
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									总吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="grosstonnage">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									净吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="nettonnage">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									载重吨：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="deadweight" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									客位：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="ratedseat">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶营业运输证：
								</td>
								<td colspan="2">
									<input type="number" class="form-control" name="license" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>所有人：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="owner">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									所有人联系电话：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="ownertelephone" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									所有人地址：
								</td>
								<td colspan="5">
									<input type="text" class="form-control" name="owneraddress" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									<span style="color:red;">*</span>经营人：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operator">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									经营人联系电话：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operatortelephone" >
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									经营人地址：
								</td>
								<td colspan="5">
									<input type="text" class="form-control" name="operatoraddress">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									登记机构：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operator" >
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									检验机构：
								</td>
								<td colspan="2">
									<input type="text" class="form-control" name="operatortelephone">
								</td>
							</tr>
							<!-- <tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶总长：
								</td>
								<td>
									<input type="number" class="form-control" name="overalllength" placeholder="请输入船舶总长">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶型宽：
								</td>
								<td>
									<input type="number" class="form-control" name="mouldedbreadth" placeholder="请输入船舶型宽">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									船舶型深：
								</td>
								<td>
									<input type="number" class="form-control" name="mouldeddepth" placeholder="请输入船舶型深">
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									总功率：
								</td>
								<td>
									<input type="number" class="form-control" name="enginepower" placeholder="请输入总功率">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									核定航线代码：
								</td>
								<td>
									<input type="text" class="form-control" name="linecode" placeholder="请输入拖船名称">
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									核定航区代码：
								</td>
								<td>
									<input type="text" class="form-control" name="areacode" placeholder="请输入拖船名称">
								</td>
							</tr> -->
							
						</tbody>
						</table>
						
		            </form>
				
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button> 
				</div>
			</div><!-- /.modal-content -->
			
			<script type="text/javascript">
		    	$("#shipForm :input").attr("readonly", "readonly");
			</script>	
			<!-- modal增加移动效果 end -->	
		</div><!-- /.modal -->
	</div>
</body>
</html>